/* CSS Document */

@media (max-width:1600px) {
    padding: 0px 14px;
font-size: 16px;
}

@media (max-width:1440px) {


    .head .logo img {
        height: 50px;
        margin-top: 15px;
    }

    .nav .nLi h3 a {
        padding: 0px 10px;
        font-size: 15px;
    }

    .tub a {
        font-size: 20px;
    }

    .in_banner .swiper-slide .nr h2 a{ font-size: 35px;}

    .in_box4_nr .swiper-slide {
        width: calc(25% - 20px) !important;
        margin-right: 20px;
    }


    .tub a img{ width: 20px;}

    .in_box5{ height: 300px;}

}

@media (max-width:1200px) {

.container{ padding:0px 30px;}

    .head .logo img {
        height: 45px;
        margin-top: 15px;
    }

    .nav .nLi h3 a {
        padding: 0px 5px;
        font-size: 14px;
    }

    .search {
        margin-left: 5px;
    }

    .in_banner .swiper-slide .nr h2 a{ font-size: 28px;}
    .in_banner .swiper-slide .nr h3{ font-size: 12px;}

    .in_box_nr .swiper-slide .nr h2 a{ font-size: 14px; height: 33px;}


    .in_box2 .title{ width: 100px;}
    .in_box2 .title img{ height: 80px;}
    .in_box2 .nr{ width: calc(100% - 100px);}
    .in_box2 .nr ul{ margin-right: -30px;}
    .in_box2 .nr ul li{ width:calc(25% - 30px);}
    .in_box2 .nr ul li a{ width: 100%; height: 73px; line-height: 73px; font-size: 20px;}

    .in_box71 .hd ul li{ width: 200px; padding-left: 50px;}
    .in_box71 .bd ul{ width: calc(100% - 250px);}


    .bottom_r {
        width: 500px;
    }

}

@media (max-width:1100px) {
    .nav .nLi h3 a {
        padding: 0px 5px;
        font-size: 13px;
    }
}

@media (max-width:1024px) {
    .nav .nLi h3 a {
        padding: 0px 3px;
        font-size: 13px;
    }
}


@media(max-width:960px) {

    .head .dh {
        display: none;
    }

    .phone-header {
        display: block;
    }

    .container {
        width: 100%;
        box-sizing: border-box;
        padding: 0px 15px;
    }

    .head {
        height: 70px;
        position: fixed;
        width: 100%;
        top: 0px;
        left: 0px;
        z-index: 100;
    }

.head .logo{
 padding-top: 10px;
}

    .head .logo img {
        height: 45px;
        margin-top: 0px;
    }

    .search_xl {
        width: 100%;
        border: 1px solid #ddd;
    }

    .search_xl .text {
        width: calc(100% - 40px);
    }

    .in_banner .swiper-slide-active{ width: 100% !important;}
    .in_banner .swiper-slide .nr{ width: 100%; height: auto; bottom: 0px; padding-bottom: 50px; border-radius: 0px;}
    .in_banner .swiper-pagination{ border: 0px; border-radius: 0px; height: 50px !important; width: 100% !important; left: 0px !important; background: none;}



    .in_banner {
        margin-top: 70px !important;
    }

    .in_box .title {
        font-size: 18px;
    }
    .in_box3{ padding: 20px 0px; margin: 20px 0px; margin-bottom: 0px;}
    .in_box3_l{ width: 100%;}

    .in_box3_l .bt {
        font-size: 18px;
    }

    .in_box3_r{ width: 100%;}
    .in_box3_r .bt{ height: 40px; line-height: 40px; font-size: 14px;}
    .in_box3_r .bt span a{ font-size: 12px;}
    .in_box3_r ul li{ height: 32px; line-height: 32px;}
    .in_box3_r ul li a{ font-size: 13px;}

    .in_gnbrs .bt{ font-size: 18px;}
    .in_box4_r .bt{ font-size: 18px;}

    .in_box4{ padding: 20px 0px;}
    .in_box4_l{ width: 100%; display: block;}
    .in_gnbrs{ width: 100%;}
    .in_gnbrs ul{ padding-top: 20px;}
    .in_gnbrs ul li h2 a{ font-size: 15px;}
    .in_gnbrs ul li p{ font-size: 12px;}

    .in_bwcx{ padding-top: 20px; width: 100%;}
    .in_bwcx ul{ margin: 0px -1%;}
    .in_bwcx ul li{ width: 100%; margin: 0px; float: left;}

    .in_box4_r{ width: 100%;}
    .in_box4_r ul{ padding-top: 20px;}
    .in_box4_r ul li a{ font-size: 13px; line-height: 32px;}

    .in_box5{ height: 250px; background-attachment:inherit; background-size: cover;}

    .in_box6{ padding: 20px 0px;}

    .in_box6 .in_box6_l{ width: 100%;}

    .in_box6 .in_box6_z{ width: 100%; padding: 15px 0px;}
    .in_box6 .in_box6_z ul{ margin: 0px -5px; padding-top: 15px;}
    .in_box6 .in_box6_z ul li{ width: calc(33.3% - 10px); margin: 0px 5px;}

    .in_box6 .in_box6_l ul{ padding-top: 15px;}
    .in_box6 .in_box6_l ul li h2 a{  font-size: 15px;}

.in_box6 .bt{ font-size: 18px;}

.in_box6 .in_box6_r{ width: 100%; margin-top: 15px;}
.in_box6 .in_box6_r ul{ padding-top: 15px;}
.in_box6 .in_box6_r ul li a {
    font-size: 13px;
    line-height: 32px;
}

.in_box66 .bt{ font-size: 18px;}

    .gallery-top .swiper-slide{ display: block;}
    .gallery-top .swiper-slide .img{ width: 100%; height: auto;}
    .gallery-top .swiper-slide .img img{ max-width: 500px; width: 100%; margin: 0px auto;}
    .gallery-top .swiper-slide .wz{ margin: 0px; width: 100%; height: auto;}

    .gallery-top .swiper-slide .wz .bt {
        margin-bottom: 20px;
    }

    .gallery-top .swiper-slide .wz .bt p {
        font-size: 12px;
        margin-bottom: 8px;
    }

    .gallery-top .swiper-slide .wz .bt h2 {
        font-size: 20px;
    }

    .gallery-top .swiper-slide .wz .nr p {
        font-size: 12px;
        line-height: 22px;
    }
    .gallery-top .swiper-slide .wz h3{ padding: 15px 0px;}
    .gallery-top .swiper-slide .wz h3 a{ height: 35px; line-height: 35px; width: 150px;}

    .gallery-thumbs{ position: relative !important; bottom: 0px; width:calc(100% - 130px); margin-right: 60px !important; right: 0px;}
    .in_box66 .swiper-button-next{ bottom: 40px; right: 10px; width: 35px; height: 35px;}
    .in_box66 .swiper-button-prev{ bottom: 40px; right: auto; width: 35px; height: 35px; left: 10px;}

    .gallery-thumbs .swiper-slide h2{ font-size: 12px;}

    .in_box66{ padding: 20px 0px;}

.in_box7{ padding: 20px 0px;}
.in_box7 .bt{ font-size: 18px;}

.in_box71{ padding-top: 20px;}
.in_box71 .hd{ margin-bottom: 15px;}
.in_box71 .hd ul{ display: none;}
.in_box71 .pageState{ padding-left: 0px;}
.in_box71 .bd ul{ margin-left: -10px;}
.in_box71 .bd ul{ width: 100%;}
.in_box71 .bd li{ margin: 0px 10px; width: calc(50% - 20px);}
.in_box71 .bd li a span{ font-size: 14px;}

.in_box8{ padding: 20px 0px;}
.in_box8 .bt{ font-size: 18px;}
.in_box8_nr .swiper-slide h3 b{ font-size: 14px; padding-bottom: 10px;}
.in_box8_nr .swiper-slide h3 p{ font-size: 12px;}
.in_box8_nr .swiper-slide .nr{ padding: 10px;}
.in_box8_nr .swiper-slide:hover .nr{ display: none;}

.bottom1{ display: none;}

.bottom2 span{ position: static;}
.ny{ padding: 15px !important;}

.ny1 .ny1_r .bt{ font-size: 18px;}

.ny1 .ny1_r .bt h2 a{ font-size: 14px; padding: 10px 20px; margin-right: 10px;}

.ny1 .ny1_l{ display: none;}
.ny1 .ny1_r {
    width: 100%;
}

.ny_about1 ul li {
    width:100%;
}

.ny_about1 ul li dl{
    display: flex;
    flex-wrap: wrap;
}

.ny_about1 ul li dl dt{
    font-size: 15px;
    width: 100%;
}

.ny_about1 ul li dl dd{
    font-size: 14px;
    text-indent: 0px;
    line-height: 20px;
    padding: 10px 5px;
    width: calc(50% - 2px);
    box-sizing: border-box;
}

.ny_about1 ul li span {
    font-size: 12px;
}

DIV.sabrosus A {
    padding: 5px 10px;
}

DIV.sabrosus SPAN.current {
    padding: 5px 10px;
}

.expert ul li{ display: block; padding: 15px;}
.expert ul li h2{ width: 100%; font-size: 14px; margin-bottom: 10px;}
.expert ul li h2 p{ font-size: 13px; line-height: 20px;}
.expert ul li h2 span{ font-size: 14px; padding-top: 5px;}
.expert ul li h3{ width: 100%; margin: 0px auto; margin-bottom: 10px;}
.expert ul li p{ width: 100%; font-size: 12px; line-height: 24px;}

.xgxw .bt{ font-size: 18px;}
.xgxw ul li{ width: 100%;}
.xgxw ul li a{ font-size: 13px; line-height: 26px;}
.xgxw ul li a::after{ top: 12px;}

    .newsxx .bt h5 span{ display: none;}

    .newsxx .bt h5 font#fabu{ left: auto; right: 5px;}

}

@media(max-width:768px) {

    .in_banner {
        height: auto !important;
    }

    .in_banner .swiper-wrapper{ height: auto !important;}

    .in_banner .swiper-slide {
        position: relative;
        background: none;
        height: auto !important;
    }

    .in_banner .swiper-button-prev, .in_banner .swiper-button-next{ font-size: 40px;}

    .in_banner .swiper-slide .p_img {
        display: block;
    }
    .in_banner .swiper-slide .b_img{ height: auto;}
    .in_banner .swiper-slide::after{ display: none;}
    .in_banner .swiper-slide .nr h2 p{ font-size: 12px;}
    .in_banner .swiper-slide .nr h2 a{ font-size: 18px;}
    .in_banner .swiper-slide .nr h3{ font-size: 12px;}
    .in_banner .swiper-slide .nr span a{ width: 100px; height: 30px; line-height: 30px; font-size: 13px;}


    .in_banner1 {
        margin-top: 70px !important;
    }
    .in_banner1_left{ width: 100%;}
    .in_banner1_left .swiper-slide a{ display: block; background-size: cover; background-position: top center;}
    .in_banner1_left .swiper-slide a img{ width: 100%; height: auto;}

    .in_banner1_right .bt{ height: 42px; line-height: 42px; font-size: 14px;}
    .in_banner1_right{ width: 100%; margin-top: 15px;}
    .in_banner1_right ul li{ height: 35px; line-height: 35px;}
    .in_banner1_right ul li a{ font-size: 13px;}
    .in_banner1_right ul li span{ font-size: 12px;}


    .in_box {
        padding: 20px 0px;
        margin: 0px;
    }

    .in_box .title {
        font-size: 16px;
        width: 100%;
    }

    .in_box .container{ display: block; position: relative;}
    .in_box .title h2{ float: left; margin-right: 5px;}
    .in_box .title h3{ display: none;}
    .in_box .title span{ float: right;}

    .in_box .in_box_nr{ margin-right: 0px; padding: 15px 5px; padding-bottom: 20px;}
    .in_box .in_box-next, .in_box .in_box-prev{ position: absolute; width: 35px; height: 35px; line-height: 35px; top: 20%; opacity: 0.5;}
    .in_box .in_box-next img,.in_box .in_box-prev img{ margin-top: 13px;}

    .in_box_nr .swiper-slide .img{ margin: 0px;}
    .in_box_nr .swiper-slide .img span{ left: 50%; margin-left: -44px;}
    .in_box_nr .swiper-slide .nr{ padding-bottom: 20px;}
    .in_box_nr .swiper-slide .nr h2 a{ font-size: 12px; height: 28px;}
    .in_box_nr .swiper-slide .more{ left: 50%; margin-left: -53px;}
    .in_box_nr .swiper-slide .more a{ height: 30px; line-height: 30px; font-size: 12px;}
    

    .in_box2 .title{ display: none;}
    .in_box2 .nr{ width:100%;}
    .in_box2 .nr ul{ margin-right: -15px;}
    .in_box2 .nr ul li{ width:calc(50% - 15px); margin-right: 15px; margin-bottom: 15px;}
    .in_box2 .nr ul li a{ width: 100%; height: 55px; line-height: 55px; font-size: 16px;}

    
    .in_box3_l ul{ display: block;}
    .in_box3_l ul li{ width: 100%; margin: 0px;}


    .in_box5{ height: 150px;}

    .ny_news ul li .img {
        width: 100%;
        margin-bottom: 15px;
    }

    .ny_news ul li .nr {
        width: 100%;
        margin-bottom: 10px;
    }

    .ny_news ul li {
        padding-bottom: 5px;
        margin-bottom: 15px;
    }

    .ny_news ul li .nr .time {
        padding: 10px 0px;
        width: 100%;
    }

    .ny_news ul li .nr .time span i {
        font-size: 14px;
        margin-right: 5px;
        color: #166ccd;
    }

    .ny_news ul li .nr .time span {
        font-size: 12px;
    }

    .ny_news ul li .nr h2 a {
        font-size: 15px;
        width: 100%;
    }

    .ny_news ul li .nr p {
        font-size: 12px;
    }

    .newsxx .bt h2 {
        font-size: 16px;
        line-height: 30px;
    }

    .newsxx .bt h3{ font-size: 13px}

    .newsxx .nr{
        font-size: 16px;
    }

    .newsxx .nr img{ width: auto !important; max-width: 100% !important;}

    .ny1 .ny1_r .bt b{ display: none;}


    .expert ul li{ width: 50%;}


    .dsj_swiper .swiper-button-next, .dsj_swiper .swiper-button-prev{
    width: 20px;
    height: 33px;
    background-size: 20px 33px;
    }


}